@media all
{
     html{font-size:16px;}
}
@media all and (min-width:140px) and (min-height:220px)
{
     html{font-size:9px;}
}
@media all and (min-width: 220px) and  (min-height: 140px)
{
     html {font-size: 9px;}
}
@media all and (min-width:210px) and (min-height:280px),(min-width:280px) and (min-height:210px),(min-width:280px) and (min-height:280px)
{
     html{font-size:14px;}
}
@media all and (min-width:300px) and (min-height:460px),(min-width:460px) and (min-height:300px)
{
     html{font-size:16px;}
}
@media all and (min-width:340px) and (min-height:620px),(min-width:620px) and (min-height:340px)
{
     html{font-size:20px;}
}
@media all and (min-width:420px) and (min-height:760px) and (max-height:900px),
                  (min-width:760px) and (max-width:900px) and (min-height:420px)
{
     html{font-size:24px;}
}
@media all and (min-width:1000px) and (min-height:740px),(min-width:740px) and (min-height:1000px)
{
     html{font-size:20px;}
}
@media all and (min-width:1200px) and (min-height:600px),(min-width:600px) and (min-height:1200px)
{
     html{font-size:16px;}
}
@media all and (device-width:1024px) ,(device-width:768px)
{
     html{font-size:20px;}
}
@media all and (device-width:960px) and (device-height:640px),(device-width:640px) and (device-height:960px)
{
     html{font-size:32px;}
}
@media all and (device-width:480px) and (min-device-height:800px) and (max-device-height:900px),
                  (min-device-width:800px) and (max-device-width:900px) and (device-height:480px)
{
     html{font-size:24px;}
}
@media all and (device-width:360px) and (device-height:640px),(device-width:640px) and (device-height:360px)
{
     html{font-size:20px;}
}
@media all and (device-width:320px) and (device-height:480px),(device-width:480px) and (device-height:320px)
{
     html{font-size:16px;}
}
@media all and (device-width:240px) and (device-height:320px),(device-width:320px) and (device-height:240px),(device-width:320px) and (device-height:320px)
{
     html{font-size:14px;}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
a:active{opacity: .8;text-decoration: none;}
a:link,header a:visited{opacity: 1;text-decoration: none;}
a:hover{opacity: .8;text-decoration: none;}
/*base*/
html,body{-webkit-touch-callout: none;}
/*html,body{background: url(../images/bg.jpg);}*/
/*header{position: fixed;height: 2.2em;width: 100%;top:0;text-align: center;background-color: #000;line-height: 2.2em;color: #fff;font-size:1.2em;font-weight: 700;text-shadow: 1px 1px 1px #b55d76;box-shadow: 0 1px 4px #999;}
header h1{height: 100%;border-radius: 15px 15px 0 0;background:#000 url(../images/header.jpg) repeat;}
header a{position: absolute;top:0.63em;left: 0.53em;width: 1.21em;height: 1em;font-size: 1em;text-indent: 9999em;}
header a.go_main{overflow: hidden;background: url(../images/main.png) no-repeat;background-size: 100% auto;}
header a.go_back{overflow: hidden;background: url(../images/back.png) no-repeat;background-size: 100% auto;}*/

.baner{/*margin-top: 2.64em;*/border-bottom: 1px solid #fff;}
.baner img{width: 100%;}
.content{margin: 0.43em 1em 0.75em;color: #333;}
.content h1{height: 1.9em;margin-bottom: .2em;font-size: 1em;line-height: 1.9em;border-bottom: 1px dotted #b3b4b5;text-shadow: 0 2px 2px #fff}
.content p{font-size: .75em;line-height: 1.7em;text-shadow: 0 2px 2px #ccc}

.ui_but{display: block;width: 70%;margin: auto;height: 2.25em;border:0.19em solid #cdcdcd;border-radius: 0.6em;font-size: 1em;font-weight:700;line-height: 2.25em;text-align: center;text-decoration: none;color:#fff;box-shadow: 0 0 .3em #c5c5c5 inset;text-shadow: 0 1px 2px #666;}
.apply{background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(1, #559e0d), color-stop(0.3, #81cb26), color-stop(0.6, #66af16), to(#99d151));background:-webkit-linear-gradient(top #99d151, #559e0d 100%, #81cb26 30%, #66af16 60%, #99d151);background:-moz-linear-gradient( #99d151, #559e0d 100%, #81cb26 30%, #66af16 60%, #99d151);background:-o-linear-gradient( #99d151, #559e0d 100%, #81cb26 30%, #66af16 60%, #99d151);background:linear-gradient( #99d151, #559e0d 100%, #81cb26 30%, #66af16 60%, #99d151);}
.submit{background: -webkit-gradient(linear, 0 0, 0 100%, from(#3c9ce4), color-stop(0.3, #3593dd), color-stop(0.6, #2177c9), to(#1260b9));background: -webkit-linear-gradient(#3c9ce4, #3593dd 30%, #2177c9 60%, #1260b9 100%);background: -moz-linear-gradient(#3c9ce4, #3593dd 30%, #2177c9 60%, #1260b9 100%);background: -o-linear-gradient(#3c9ce4, #3593dd 30%, #2177c9 60%, #1260b9 100%);background: linear-gradient(#3c9ce4, #3593dd 30%, #2177c9 60%, #1260b9 100%);}
.cancel{background: -webkit-gradient(linear, 0 0, 0 100%, from(#d72c39), color-stop(0.3, #cf2834), color-stop(0.6, #b81c24), to(#9d0d0f));background: -webkit-linear-gradient(#d72c39, #cf2834 30%, #b81c24 60%, #9d0d0f 100%);background: -moz-linear-gradient(#d72c39, #cf2834 30%, #b81c24 60%, #9d0d0f 100%);background: -o-linear-gradient(#d72c39, #cf2834 30%, #b81c24 60%, #9d0d0f 100%);background: linear-gradient(#d72c39, #cf2834 30%, #b81c24 60%, #9d0d0f 100%);}
.timeout{background: -webkit-gradient(linear, 0 0, 0 100%, from(#b2b2b2), color-stop(0.3, #adadad), color-stop(0.6, #a3a3a3), to(#979797));background: -webkit-linear-gradient(#b2b2b2, #adadad 30%, #a3a3a3 60%, #979797 100%);background: -moz-linear-gradient(#b2b2b2, #adadad 30%, #a3a3a3 60%, #979797 100%);background: -o-linear-gradient(#b2b2b2, #adadad 30%, #a3a3a3 60%, #979797 100%);background: linear-gradient(#b2b2b2, #adadad 30%, #a3a3a3 60%, #979797 100%);cursor: default;}
.timeout:hover,.timeout:active{opacity: 1;}

.m12a02{margin: 1.2em auto 0.5em}
.time{margin: 0.5em;font-size: 0.5em ;line-height: 1em;text-align: center;color: #999}
.content p.time{font-size: 0.5em ;line-height: 1em;}

.tit{height: 200%;font-size: 1em;line-height:2em;font-weight: 700;}
.tit span{position: relative;display: inline-block;height: 100%;padding: 0 0.61em 0 0.91em;background:#f7658c;background:-webkit-gradient(linear, 0 0, 100% 0, from(#ca5373), color-stop(0.1, #f7658c));background:-webkit-linear-gradient(left, #ca5373, #f7658c 10%);background:-moz-linear-gradient(left, #ca5373, #f7658c 10%);background:-o-linear-gradient(left, #ca5373, #f7658c 10%);background:linear-gradient(left, #ca5373 0%, #f7658c 10%,#f7658c 100%);text-decoration: none;color: #fff;text-shadow: 0 2px 2px #666}
.tit span::after {content: "";position: absolute;top: 0;left: 100%; width: 0;height: 0;border: 1em solid #f7658c;border-right-color: transparent;font-size: 1em;}


/*.tit span{position: absolute;font-size: 1em;height: 0;width: 0;width: 0;height: 0;border-top:1em solid #f7658c;border-right:1em solid transparent;border-bottom:0 solid transparent;border-left:1em solid transparent;border-style:solid dotted dotted   dotted;right:-1em;}
.tit span.cort{top: 0;ri-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform: rotate(135deg);-o-transform:rotate(135deg);transform: rotate(135deg);}
.tit span.corb{bottom: -0.1431em;right:-1.2em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform: rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);}
*/
.com_text{margin:1.25em;font-size: 0.75em;line-height: 1.67em;color: #333}
.com_text dt{font-weight: 700;border-bottom: 1px dotted #b3b4b5;}

/*form*/
input[type="button"],input[type="button"].ui_but{padding: 0;line-height: 2.0em;}
.apply_table{margin:2.88em 0 4.38em;border: 1px solid #c9c7c4;border-radius: 0.38em; font-size: 1em;color: #111;box-shadow: 0 1px 5px #ccc}
.apply_table table{width: 100%}
.apply_table td{height: 2.69em;border-bottom: 1px solid #c9c7c4;line-height: 2.69em;padding-left:0.7em;font-weight: 700; }
.apply_table td input{width: 95%;height: 2em;line-height: 2em;padding:0;border: 0 none;font-weight: 700;font-size: 1em;color: #999;}


